<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.a {	color: #09F;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	border: #FFF;
}
.cerrarsesion {	color: #666;
	display: inline-block;
	padding: 15;
	border: 4;
	font-size: 16px;
	text-decoration: line-through;
	text-transform: none;
	font-variant: normal;
	font-weight: normal;
	line-height: 50px;
	background-color: #FFF;
	background-position: left;
	text-align: center;
}
.boton:hover{
	background: #FFF;
	color: #09F;
	font-size:18px;
	padding: 5px 13px 5px 12px;
	animation: cubic-bezier(x1,y1,x2,y2);
	cursor: pointer;
}
.a:hover {
	color: #0CF;
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	border: #FFF;
	text-decoration: none;
}
.espacio {	color: #FFFFFF;
}
.input {	padding: 0px 5px 20px 12px;
	font-size: 16px;
	height: 25px;
	width: 330px;
	color: #999;
	border: 0;
}
#apDiv1 {	position: absolute;
	width: 1593px;
	height: 156px;
	z-index: 1;
	left: 197px;
	top: 18px;
	background-color: #FFFFFF;
}
#apDiv10 {	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 4;
	left: 13px;
	top: 9px;
}
#apDiv2 {	position: absolute;
	width: 1239px;
	height: 56px;
	z-index: 1;
	top: 59px;
	color: #2A569F;
	font-size: 18px;
	left: 234px;
	background-color: #FFFFFF;
}
#apDiv4 {	position: absolute;
	width: 149px;
	height: 42px;
	z-index: 2;
	left: 1444px;
	top: 1px;
}
#apDiv5 {
	position: absolute;
	width: 552px;
	height: 29px;
	z-index: 3;
	left: 873px;
	top: 14px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 18px;
}
.tituloenblanco {	color: #FFF;
}
#apDiv11 {	position: absolute;
	width: 1271px;
	height: 36px;
	z-index: 6;
	left: 215px;
	top: 177px;
	font-size: 24px;
	color: #06F;
	background-color: #0066FF;
}
#apDiv12 {	position: absolute;
	width: 298px;
	height: 33px;
	z-index: 7;
	left: 512px;
	top: 1px;
}
.area {
	height: 180px;
	width: 280px;
	color: #999;
	text-align: justify;
}
.asterisco {
	color: #09F;
	font-family: Verdana, Geneva, sans-serif;
}
.asteriscoblanco {	color: #FFF;
}
.inputdatos {	padding: 5px 5px 6px 15px;		
	font-size: 16px;	
	height: 24px;
	color:#000;	
	width:250px;
}
.seleccionarpais {	position: relative;
	margin: 0;
	width: 132px;
	padding: 0px 0px 0px 0px;		
	font-size:16px;
	height: 28px;
}
.selecciondatos {    position: relative;
	margin: 0;
	width: 268px;
	padding: 0px 0px 0px 0px;		
	font-size:16px;
	height: 28px;
}
#apDiv3 {
	position: absolute;
	width: 735px;
	height: 929px;
	z-index: 2;
	left: 407px;
	top: 276px;
	background-color: #FFFFFF;
}
#apDiv6 {
	position: absolute;
	width: 1272px;
	height: 60px;
	z-index: 7;
	left: 215px;
	top: 1296px;
	background-color: #0066FF;
}
.boton {	background: #09F;
	color: #FFF;
	font-size: 18px;
	padding: 5px 13px 5px 12px;
	alignment-baseline: alphabetic;
}
#apDiv7 {	position: absolute;
	width: 237px;
	height: 43px;
	z-index: 5;
	left: 1272px;
	top: 220px;
}
.input2 {    padding: 0px 5px 20px 12px;
	font-size: 16px;
	height: 25px;
	width: 150px;
	color: #999;
	border: 0;
}
</style>
</head>

<body>
<div id="apDiv1">
  <div id="apDiv2">
    <div align="justify"><a href="#" class="a">Informaci&oacute;n personal</a> <span class="espacio">vvv</span><a href="ingresoexperiencia.html" class="a">Experiencia</a><span class="espacio">vvvv</span><a href="ingresoeducacion.html" class="a">Educaci&oacute;n<span class="espacio">vvv</span></a><span class="espacio">v</span><a href="interesesylogros.html" class="a">Intereses y logros<span class="espacio">vvv </span></a><a href="ingresareferencias.html" class="a">Referencias</a></div>
  </div>
  <div id="apDiv4"><span class="cerrarsesion"><a href="ingreso.html" class="cerrarsesion"> Cerrar Sesion</a></span></div>
  <div id="apDiv5">
    <input name="usuario" type="text" class="input" id="usuario" value="william fernando matabanchoy matabanchoy"  readonly="readonly" />
    <input name="cedula" type="text" id="cedula" class = "input2" value="456456456" readonly="readonly" />
  </div>
  <div id="apDiv10"><img src="images/logo.png" width="199" height="140" align="middle" /></div>
</div>
<div id="apDiv11">
  <div class="tituloenblanco" id="apDiv12">Intereses y logros</div>
</div>
<div class="input" id="apDiv3">
  <table width="705" cellpadding="1">
    <tr>
      <td width="325" align="right" valign="middle"><p>Publicaciones: </p></td>
      <td width="330">
      <textarea name="publicaciones" cols="50" rows="50" class="area" id="publicaciones">Para cada publicación indicar: Nombre del autor, título de la publicación, título de la revista o editorial, número, volumen, fecha de publicación, numero ISSN si aplica. Max. 500 caracteres


      </textarea></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Proyectos personales:<span class="asteriscoblanco">*</span></td>
      <td><textarea name="proyectos" cols="50" rows="50" class="area" id="proyectos">Max. 500 caracteres</textarea></td>
    </tr>
    <tr>
      <td align="right" valign="middle"> Diplomados y/o certificados:<span class="asteriscoblanco">* </span></td>
      <td><textarea name="diplomados" cols="50" rows="50" class="area" id="diplomados">Agosto de 2010: Curso de Inglés (Nivel I), Servicios Nacional de Aprendizaje SENA, Medellín. Colombia. Max. 500 caracteres</textarea></td>
    </tr>
    <tr>
      <td align="right" valign="middle"><p>Becas o reconocimientos:<span class="asterisco"><span class="asteriscoblanco">*</span></span></p></td>
      <td><textarea name="becas" cols="50" rows="50" class="area" id="becas">Beca de la Alcaldía de Bogotá para Jóvenes Emprendedores (Septiembre 2009). El proyecto ganador puede ser consultado en: http://www.jovenesemprendedoredicion2009.com. Max. 500 caracteres. </textarea></td>
    </tr>
    <tr>
      <td align="right" valign="middle"><p> Deportes practicacos, pasatiempos:<span class="asterisco"><span class="asteriscoblanco">*</span></span></p></td>
      <td><textarea name="deportes" cols="50" rows="50" class="area" id="deportes">Estudios de piano desde el año 2010. Max. 500 caracteres
      </textarea></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<div id="apDiv6"></div>
<div id="apDiv7">
  <input name="guardar" type="submit" class="boton" id="guardar" value="Guardar" />
  <input name="cancelar" type="reset" class="boton" id="cancelar" value="Cancelar" />
</div>
</body>
</html>
